<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>山河入简、红韵承章</title>
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!-- 顶部图片 -->
    <img src="./images/pc/top.jpg" class="top pc">
    <img src="./images/phone/phone_top_bj.jpg" class="top phone">

    <div class="clear"></div>
    <!-- 中间内容 -->
    <div class="main">
        <div class="title title1"></div>
        <div class="pc">
            <div class="boxs_t ">
                <div class="box_t ">
                    <div class="box_title">
                        <img src="./images/pc/ico_txt.png">
                        <span>读一读</span>
                    </div>
                    <div class="book-container top1_1">
                    </div>
                </div>
                <div class="box_t ">
                    <div class="box_title">
                        <img src="./images/pc/ico_video.png">
                        <span>看一看</span>
                    </div>
                    <div class="book-container book-container2 top1_2">
                    </div>
                </div>
                <div class="box_t ">
                    <div class="box_title">
                        <img src="./images/pc/ico_audio.png">
                        <span>听一听</span>
                    </div>
                    <div class="book-container book-container2 top1_3">
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper mySwiper3 phone">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="box_t ">
                        <div class="box_title">
                            <img src="./images/pc/ico_txt.png">
                            <span>读一读</span>
                        </div>
                        <div class="book-container stop1_1">
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="box_t ">
                        <div class="box_title">
                            <img src="./images/pc/ico_video.png">
                            <span>看一看</span>
                        </div>
                        <div class="book-container book-container2 stop1_2">
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="box_t ">
                        <div class="box_title">
                            <img src="./images/pc/ico_audio.png">
                            <span>听一听</span>
                        </div>
                        <div class="book-container book-container2 stop1_3">
                        </div>
                    </div>
                </div>
            </div>
        </div>



        <div class="title title2"></div>
        <div class="pc">
            <div class="boxs_t">
                <div class="box_t box_t2">
                    <div class="box_title">
                        <img src="./images/pc/ico_txt.png">
                        <span>读一读</span>
                    </div>
                    <div class="box_l">
                        <div class="box_l_title">
                            <img src="./images/pc/ico_book.png">
                            <span>电子书</span>
                        </div>
                        <div class="book-container book-container3 top2_1">
                        </div>
                    </div>
                    <div class="box_l">
                        <div class="box_l_title">
                            <img src="./images/pc/ico_pdf.png">
                            <span>期刊</span>
                        </div>
                        <div class="book-container book-container3 top2_2">
                        </div>
                    </div>

                </div>
                <div class="box_t box_t2">
                    <div class="box_title">
                        <img src="./images/pc/ico_video.png">
                        <span>看一看</span>
                    </div>
                    <div class="book-container book-container5 top2_3">
                    </div>
                </div>
            </div>
        </div>

        <div class="swiper mySwiper2 phone">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="box_t box_t2">
                        <div class="box_title">
                            <img src="./images/pc/ico_txt.png">
                            <span>读一读</span>
                        </div>
                        <div class="box_l box_lm">
                            <div class="box_l_title">
                                <img src="./images/pc/ico_book.png">
                                <span>电子书</span>
                            </div>
                            <div class="book-container book-container3 stop2_1">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="box_t box_t2">
                        <div class="box_title">
                            <img src="./images/pc/ico_txt.png">
                            <span>读一读</span>
                        </div>
                        <div class="box_l box_lm">
                            <div class="box_l_title">
                                <img src="./images/pc/ico_pdf.png">
                                <span>期刊</span>
                            </div>
                            <div class="book-container book-container3 stop2_2">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="box_t box_t2">
                        <div class="box_title">
                            <img src="./images/pc/ico_video.png">
                            <span>看一看</span>
                        </div>
                        <div class="book-container book-container5 stop2_3">
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="title title3"></div>
        <div class="pc">
            <div class="boxs_t">
                <div class="box_t">
                    <div class="box_title">
                        <img src="./images/pc/ico_txt.png">
                        <span>读一读</span>
                    </div>
                    <div class="book-container top3_1">
                    </div>
                </div>
                <div class="box_t">
                    <div class="box_title">
                        <img src="./images/pc/ico_video.png">
                        <span>看一看</span>
                    </div>
                    <div class="top3_2"></div>
                </div>
                <div class="box_t">
                    <div class="box_title">
                        <img src="./images/pc/ico_audio.png">
                        <span>听一听</span>
                    </div>
                    <div class="v_box top3_3">
                      
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper mySwiper2 phone">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="box_t">
                        <div class="box_title">
                            <img src="./images/pc/ico_txt.png">
                            <span>读一读</span>
                        </div>
                        <div class="book-container stop3_1">
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="box_t">
                        <div class="box_title">
                            <img src="./images/pc/ico_video.png">
                            <span>看一看</span>
                        </div>
                        <div class="stop3_2">
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="box_t">
                        <div class="box_title">
                            <img src="./images/pc/ico_audio.png">
                            <span>听一听</span>
                        </div>
                        <div class="v_box stop3_3">
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="footer"></div>

    </div>

    <script src="./js/swiper-bundle.min.js"> </script>
    <script src="js/main.js"></script>
</body>

</html>